<style>
    .tree-folder{
        clear: both;
        background: none;
    }
    .tree-folder-open{
        clear: both;
        background: none;
    }
    /*.fa{*/
    /*margin-top: 3px;*/
    /*}*/
    td[field=sDepName] > .datagrid-cell > .fa{
        /*height: inherit;*/
        margin-top: 3px;
    }
    .tree-file{
        clear: both;
        background: none;
        margin-top:3px;
    }
    .tree-folder{
        margin-top:4px;
    }

    .progressbar-value .progressbar-text {
        background-color: #428bca;
        color: #FFFFFF;
    }

    .layout-split-west{
        border-right:0px;
    }
    div[data-options="region:'center',split:true"]{
        border-left: 0px;
    }
    div[data-options="region:'west',split:true"]{
        border-right: 0px;
    }


</style>
<script>
    var levels = {{ levels |json_encode }};
    var results = {{ results |json_encode }};
    var testName = {{ testName |json_encode }};
</script>
<input id ='projectId' type="hidden" value="{{ projectId }}">
<div style="width: 100%;height: 100%;" class="easyui-layout">
    <div data-options="region:'center',split:true" title="测试用例列表">
        <table id="caseList" style="height: 100%"  toolbar="#caseList_toolbar">
        </table>
    </div>
    <div style="width: 308px" data-options="region:'west',split:true" title="项目测试列表">
        <table id="testList"   style="height: 100%" toolbar="#testList_toolbar">
        </table>
    </div>
</div>

<div id="testCaseResult" style="width:100px;color:#2baab1;display: none">
    <div  iconCls="fa fa-check" style="color:green;">成功</div>
    <div  iconCls="fa fa-window-close" style="color:red;">失败</div>
</div>

<div id="caseList_toolbar" class="xh-datagrid-toolbar" style="line-height:20px;padding:5px 0 5px 10px;">
    {#<select id ='testresult' style = 'width:100px;'>#}
    {#<option>选择</option>#}
    {#{% for key ,value in results %}#}
    {#<option value = '{{key}}'>{{value}}</option>#}
    {#{% endfor %}#}
    {#</select>#}
    {#<select id ='level' style = 'width:100px;'>#}
    {#<option>选择级别</option>#}
    {#{% for key ,value in levels %}#}
    {#<option value = '{{key}}'>{{value}}</option>#}
    {#{% endfor %}#}
    {#</select>#}
    {#<div class="datagrid-toolbar" style="margin:3px 0 5px -10px;width:110%;"></div>#}
    {% if caseEdit %}
        <a id="bt_edit" plain="true"><i class="fa fa-pencil fa-lg fa-fw" style="color:#2baab1;"></i>编辑</a>
    {% endif %}
    {% if caseAdd %}
        <a id="bt_list_link"  plain="true"><i class="fa fa-link fa-lg fa-fw" style="color:#2baab1;"></i>添加测试用例</a>
    {% endif %}
    {% if caseDel %}
        <a id="bt_del" plain="true"><i class="fa fa-remove fa-lg fa-fw" style="color:#2baab1;"></i>删除</a>
    {% endif %}
    <div id="bt_state" plain="true">状态</div>
</div>

<div id="testList_toolbar" class="xh-datagrid-toolbar" style="line-height:20px;padding:5px 0 5px 10px;">
    {% if testAdd %}
        <a id="bt_list_add"  plain="true"><i class="fa fa-plus fa-lg fa-fw" style="color:#2baab1;"></i>新增</a>
    {% endif %}
    {% if testEdit %}
        <a id="bt_list_edit"  plain="true"><i class="fa fa-pencil fa-lg fa-fw" style="color:#2baab1;"></i>编辑</a>
    {% endif %}
    {% if testDel %}
        <a id="bt_list_delete"  plain="true"><i class="fa fa-remove fa-lg fa-fw" style="color:#2baab1;"></i>删除</a>
    {% endif %}
</div>